<template>
  <div>
    <div class="take-delivery">
      <div class="status">
        <h2>您已成功付款</h2>
        <div class="successInfo">
          <ul>
            <li>订单编号: <em>{{ orderInfo.orderId }}</em></li>
            <li>商品名称: <em>{{ orderInfo.productName }}</em></li>
            <li>付款金额: <em style="font-size: 20px">¥{{ orderInfo.totalPrice }}</em></li>
            <div class="user-info">
              <p>收货人：{{ orderInfo.receiverName }}</p>
              <p>联系电话：{{ orderInfo.receiverMobile }}</p>
              <p>收货地址：{{ orderInfo.receiverAddress }}</p>
            </div>
            <span style="color: red">请认真核对您的收货信息，如有错误请联系客服</span>
          </ul>
          <div class="option">
            <span class="info">您可以</span>
            <a href="" class="J_MakePoint">查看<span>已买到的宝贝</span></a>
            <a href="" class="J_MakePoint">查看<span>交易详情</span></a>
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="footer-hd">
        <p>
          <a href="#">恒望科技</a>
          <b>|</b>
          <a href="#">商城首页</a>
          <b>|</b>
          <a href="#">支付宝</a>
          <b>|</b>
          <a href="#">物流</a>
        </p>
      </div>
      <div class="footer-bd">
        <p>
          <a href="#">关于恒望</a>
          <a href="#">合作伙伴</a>
          <a href="#">联系我们</a>
          <a href="#">网站地图</a>
          <em>© 2015-2025 Hengwang.com 版权所有</em>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "WxPaySuccess",
  data(){
    return{
      orderInfo:{}
    }
  },
  created() {
    this.orderInfo=JSON.parse(this.$route.query.orderInfo)
  }
}
</script>

<style scoped>

</style>